<template>
  <view class="loading-panel">
    <u-loading-icon :color="color" :textColor="textColor" :size="size+'rpx'" :textSize="textSize+'rpx'" :text="text"
      :inactiveColor="inactiveColor"></u-loading-icon>
  </view>
</template>

<script>
  export default {
    name: 'LoadingPanel',
    props: {
      color: {
        type: String,
        default: '#05d380'
      },
      textColor: {
        type: String,
        default: '#909193'
      },

      size: {
        type: Number,
        default: 50
      },
      textSize: {
        type: Number,
        default: 40
      },
      text: {
        type: String,
        default: ''
      },
      inactiveColor: {
        type: String,
        default: 'transparent'
      }
    },
    data() {
      return {}
    }
  }
</script>

<style lang="scss">
  .loading-panel {
    display: flex;
    justify-content: center;
    padding: 40rpx 0 60rpx;
  }
</style>